*{
			margin:0;
			padding:0;
			font-family: Microsoft YaHei;
			transition: .2s ease;
		}
		a{
			text-decoration: none;
		}
		header a.active{
			background-color:#555;
		}
		header{
			width: 100%;
			height: 60px;
			background-color: rgba(0,0,0,.8);
			overflow: hidden;
		}
		header a{
			float:left;
			line-height: 60px;
			color:white;
			/*margin-left: 50px;*/
			padding:0 24px;
		}
		
		header a:hover{
			background-color:#555;
		}
		h4{
			font-weight: normal;
		}
		.border{
			width: 95%;
			height: 1px;
			border-bottom:1px solid white;
			margin:0px auto;
		}
		.nav,.banner,.main{
			width: 97%;
			margin:0px auto;
		}
		.banner{
			display: block;
			width: 100%;
			height: 56vh;
		}
		
		.main{
			margin-top: 20px;
			overflow: hidden;
		}
		.main .lf-menu{
			overflow: hidden;	
		}
		.main .lf-content{
			width: 68%;
			float:left;
			overflow: hidden;
		}
		.right-content{
			width: 30%;
			float:right;
			margin-top: 50px;
			display: block;
			padding-bottom: 50px;
			background-color: rgba(0,0,0,.1);
		}
		.news{
			padding:0 20px;
			font-size: 16px;
			color: #444;
		}
		.right-content .news span{
			font-size: 12px;
			float: right;
			color:#111;
		}
		.right-content .news p{
			margin-top: 4%;
			font-family: SimSun;
			line-height: 34px;
			/*padding-bottom: 3px;*/
			border-bottom: 1px solid rgba(0,0,0,.1);
		}
		.right-content .news p:hover{
			border-bottom: 1px solid #fff;
		}
		.main .lf-basic{
			float: left;
		}
		.main .picture{
			border-top: 1px solid;
			overflow: hidden;
			padding-top:20px; 
			width: 100%;
			margin-top: 10px;
		}
		.main .picture .pic-box{
			width: 30%;
			float:left;
			margin-right: 3%;
		}
		.main .picture .pic-box img{
			width: 100%;
			margin-top:20px;
			height: 22vh;
		}
		.news p:hover{
			color:black;
			cursor: pointer;
		}

		.pic-box img:hover{
			cursor: pointer;

		}
		.main .picture .pic-box span{
			padding:5px;
			display: block;
			margin-bottom: 20px;
			color: #111;
		}
		.main .picture .pic-box span a{
			font-size: 14px;
			float: right;
			color: #aaa;
			line-height: 32px;
		}
		.main .picture .pic-box span a:hover{
			color: #333;
		}

		.main .rt-basic{
			float: right;
			font-size: 16px;
			line-height: 20px;
			position: relative;
			right: 10px;
		}
		.main .rt-basic a{
			color:#777;
			border:1px solid transparent;
			margin-top: 10px;
			display: inline-block;
			padding:5px 10px;
		}		
		.rt-basic a:hover{
			color:blue;
			
		}
		.rt-basic a.active{
			color:blue;
		}
		footer{
			text-align: center;
			height: 40px;
			font-size: 16px;
			line-height: 40px;
			background-color: #111;
			color: white;
		}
		.pic-box img:hover{
			box-shadow: 7px 7px 4px #888888;
		}
		.banner-info{
			position: absolute;
			top: 18vh;
			right: 10vw;
			padding: 20px 60px;
			font-size: 54px;
			line-height: 160%;
			color: white;
			background-color: rgba(0,0,0,.3);
			border:2px solid white;
		}
		.banner-info img{
			width: 25vh;
			height: 25vh;
		}
		.banner-info p::selection{
			color:yellow;
		}
		.nav img{
			width: 110px;
			position: absolute;
			margin-top: 10px;
			height: 110px;
			right: 30px;
			float: right;
			transition: .6s ease;
			opacity: .8;
		}
		.nav img:hover{
			opacity: 1;
			transform:translateY(4px);
		}

		/*加入志愿者页*/
		p.thanks{
			display: block;
			padding: 20px 60px;
			font-size: 36px;
			/*background-color: grey;*/
			border-top:1px solid #ccc;
			text-align: center;
			color: #666;
			
		}
		.myform{
			background-color: #f9f9f9;
			color: #666;
			width: 30%;
			margin:10px auto;
			padding: 20px;
			box-shadow: 0px 0px 10px grey;
			/*border:1px solid;*/
			border-radius: 3px;
			margin-bottom: 30px;
		}
		.myform input[type=text],input[type=email], textarea {
			display:inline-block;
			margin:10px auto;
			margin-left: 5%;
			width: 85%;
			padding: 12px;
			border: 1px solid #ccc;
			/*: 20px;*/
			resize: vertical;
			outline-color: yellowgreen;
		}
		label {
			/*padding: 12px 12px 12px 0;*/
			display:inline-block;
			margin-top: 20px;
			margin-left: 6%;

		}
		.myform input[type=button]{
			width: 20%;
			font-size: 20px;
			padding: 10px 0;
			/*: 25px;*/
			border:1px solid #ccc;
			background-color: #fff;
			outline: none;
			margin-left: 40%;
			margin-top: 10px;
			transition: .3s;
		}
		.myform input[type=button]:hover{
			cursor: pointer;
			background-color: yellowgreen;
			border:1px solid transparent;
			border-radius: 5px;
			color: white;
		}
		/*流浪动物基地 */
		.info-banner{
			overflow: hidden;
			display: block;
			background-color: #ccc;
			width: 100%;
			
		}
		.info-banner img{
			width: 384px;
			height: 384px;
			display: block;
			float: left;
		}
		.info-banner p{
			display: block;
			padding-left:28px;
		}
		.info-banner p.place{
			float: left;
			font-size: 48px;
			color: white;
			margin: 10px 0;
		}
		.info-banner p.sec-title{
			font-size: 28px;
			color: white;
			float: left;
		}
		.info-banner p.info{
			position: absolute;
			display: block;
			padding-right: 60px;
			margin-top: 5vh;
			line-height: 5vh;
			font-size: 20px;
			color: white;
		}
		.container{
			width: 80%;
			margin:20px auto;
			text-align: center;
		}
		.container h1{
			font-size: 56px;
			font-weight: normal;
			
			/*border-bottom: 1px solid ;*/
			padding:10px;
		}
		.container a{
			padding:10px 30px;
			width: 100px;
			margin:0 auto;
			display: block;
			background-color: skyblue;
			color: white;
			border-radius: 10px;	
			box-shadow: 0px 10px 10px skyblue;
			transition: .5s;
		}
		.container a:hover{
			transform:translateY(10px);
			box-shadow: 0px 3px 10px #ccc;
		}
		.container h4.border{
			margin-top: 50px;
			padding-top: 20px;
			font-size: 22px;	
			border-top: 1px dotted;
		}
		.container img{
			width: 30%;
		}
		.container a.home{
			padding:10px 30px;
			width: 100px;
			margin:20px auto;
			display: block;
			background-color: yellowgreen;
			color: white;
			border-radius: 10px;	
			box-shadow: 0px 10px 10px yellowgreen;
			transition: .5s;
		}